<template>
    <div>
        
        <van-nav-bar
            title="关于我们"
            left-text="返回"
            left-arrow
            @click-left="exit"
            />
        <van-row>
            <van-col span="24">项目介绍</van-col>
            <van-col span="12" offset="6">
                <p> 本项目采用前后端分离架构</p>
                <p>前端采用:vue</p> 
                <p>组件库:vant</p> 
                <p>后端采用:springboot</p> 
                <p>数据库采用:mysql</p> 
                <p>前后端交互方式采用:axios</p>
                <p>最终部署在腾讯云服务器</p> 
                <span>
                <a href="http://162.14.107.118/phone">地址</a>http://162.14.107.118:8081/phone
            </span>
           
            </van-col>
        </van-row>
        <van-row>
            <van-col span="24"><a href="https://blog.csdn.net/weixin_45079974/article/details/120886263">博客地址</a> </van-col>
        </van-row>
        <van-row>
            <van-col span="24">
                
                <van-divider
                    :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
                    >
                    开发者：李林雨 第一次版本更新23年1月4日
                </van-divider>
                <van-divider
                    :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
                    >
                    开发者：李林雨 第二次版本更新23年1月6日
                </van-divider>
                <van-divider
                    :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
                    >
                    开发者：李林雨 第三次版本更新23年1月10日
                </van-divider>
                <van-divider
                    :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
                    >
                    开发者：李林雨 第三次版本更新23年1月12日
                </van-divider>
            </van-col>
        </van-row>
        <van-row>
            <van-col span="12" offset="6">如果有问题可以发送邮件到</van-col>
        </van-row>
        <van-row>
            <van-col span="12" offset="6">1725204608@qq.com</van-col>
            <van-button  @click="tomessage()">进入群聊</van-button>
        </van-row>

    </div>
</template>

<script>
    import { Toast } from 'vant';
    export default {
        data() {
            return {

            };
        },
        methods:{
            tomessage(){
                this.$router.push("/message")
            },
            exit(){
                this.$router.push('/my')
            }
        }
    }
</script>